<!DOCTYPE html>
<html>
<head lang="en">
  <s3:data name='CollDatas.headerScript' />
  <s3:import type="css"></s3:import>
  <link rel="stylesheet" href="${data:dependencies.cmp}/css/cmp-listView.css${data:buildversion}"/>
  <link rel="stylesheet" href="${data:dependencies.cmp}/css/cmp-list-card.css${data:buildversion}"/>
  <!-- 
  <link rel="stylesheet" href="<s3:data name='dependencies.doc' />/css/doc.css${data:buildversion}"/>
  <link rel="stylesheet" href="${data:dependencies.cmp}/css/cmp-att.css${data:buildversion}"/>
  <link rel="stylesheet" href="${data:dependencies.cmp}/css/cmp-picker.css${data:buildversion}"/>
  <link rel="stylesheet" href="${data:dependencies.cmp}/css/cmp-search.css${data:buildversion}"/>
  <link rel="stylesheet" href="<s3:data name='dependencies.doc' />/css/docNewPigeonhole.css${data:buildversion}"/> 
  -->
  <title></title>
  <style type="text/css">
    .cmp-table-view-cell{ padding: 0px; }
    .cmp-radio input[type='radio']:before{ font-size: 14px; }
    header.head-style:before{ height: 0px;}
    .search_color{ background-color:#efeff4!important; }

    .cmp-segmented-control.cmp-segmented-control-inverted .cmp-control-item.cmp-active:before{
        width:30px;
        left: 51%;
        border-bottom: 0;
        background-color: #3aadfb;
        border-radius: 1.5px;
        height: 3px;
        bottom: 0;
    }

    #searchIcon .cmp-placeholder .cmp-icon{
        margin-right: 0;
    }
    .cmp-search input[type='search']{
        height: 28px;
    }
    #searchHeader .cmp-search .cmp-placeholder .cmp-icon{
        font-size: 12px !important;
    }
    .cmp-search .text-search{
        font-size: 12px;
    }
    .cmp-content div.new-tab-nav{
        height: 28px;
    }
    .cmp-content div.new-tab-nav .cmp-control-item{
        height: 28px;
        line-height: 28px;
        padding-bottom: 2px;
    }

    .cmp-content-title-search.cmp-content-search-add .search-title-cancel{
        font-size: 26px;
        color: #3aadfb;
        margin-top: -2px;
    }
    #searchHeader .cmp-content-title-search{
        padding: 10px 0 10px 12px;
        height: 48px;
    }

    .cmp-content div.new-tab-nav .cmp-control-item.cmp-active{
        color: #000;
        padding-bottom: 2px;
    }
  </style>

</head>
<body class="cmp-fullscreen">
   <div class="cmp-content  cmp-col-content cmp-content-none" style="position:absolute;height:100%;top:0;left:0;width:100%;">
   <div class="cmp-segmented_title_content" id="searchHeader" style="background-color:#fff;height:48px;padding:0">
          <form action="#" onsubmit="return false;">
              <div class="cmp-content-title-search cmp-content-search-add">
                  <div class="cmp-input-row see-icon-search cmp-search">
                      <input type="search" placeholder="" class="cmp-input-clear " style="background-color: #eef1f5;" disabled>
                      <span class="cmp-icon cmp-hidden cmp-icon-clear"></span>
                      <span class="cmp-placeholder"  id="search">
                                        <span class="cmp-icon cmp-icon-search"></span>
                      <span class="text-search"><i18n key="collaboration.page.lable.search"></i18n></span>
                      </span>
                  </div>
                  <div class="search-title-cancel cmp-icon cmp-icon-plus" id="addKey" style="color: #3aadfb;font-size: 26px;"></div>
              </div>
          </form>
      </div>
     <div id="reSearch" class="cmp-search-content cmp-header-search-position " style="display: none;right: 0px;left: 0px; ">
            <div class="cmp-search-title " style="border:none;top:0px;padding: 15px 3px;">
                <div class="cmp-search-item">
                    <span class="title" id="cmp_search_title" style="color:#666666!important"></span>
                </div>
                <div id="toSearch" class="cmp-search-item">
                    <div id="searchText" class="item text cmp-active">
                        <input id="searchTextValue" type="text" readonly="readonly">
                    </div>
                    <div id="searchDate" class="item date">
                        <input id="searchDateBeg" class="cmp-search-date_btn" type="text" readonly="readonly">
                        <span>-</span>   <input id="searchDateEnd" class="cmp-search-date_btn" type="text" id="date_end" readonly="readonly">
                    </div>
                </div>
                <div class="cmp-search-item">
                    <span id="cancelSearch" class=" gotoSearch"><i18n key="collaboration.page.lable.button.cancel"></i18n></span>
                </div>
            </div>
        </div>
     <div class="cmp-segmented-control cmp-segmented-control-inverted col cmp-segmented-control-primary new-tab-nav">
        <a id="listPending" style="display:none;" class="cmp-control-item" href="#colPendingsContain"><i18n key="collaboration.default.pending"></i18n></a>
        <a id="listDone" style="display:none;" class="cmp-control-item" href="#colDoneContain"><i18n key="collaboration.default.done"></i18n></a>
        <a id="listSent" style="display:none;" class="cmp-control-item" href="#colSentContain"><i18n key="collaboration.default.sent"></i18n></a>
        <a id="listWaitSend" style="display:none;" class="cmp-control-item" href="#colWaitContain"><i18n key="collaboration.default.waitSent"></i18n></a>
    </div>
      <div id="dataCommonDiv" class="cmp-control-content cmp-active">
          <div id="colPendingsContain" style="position: absolute;" class="cmp-scroll-wrapper white">
              <div class="cmp-scroll">
              	<div class="cmp-pull-widget"><div class="test-button batch_wrap"><div class="batch_click batch_btn"><i18n key="collaboration.page.lable.button.batchProcessing"></i18n></div></div></div><!--装载小部件的容器-->
              		<ul id="colPendingsAffairs" class="cmp-list-content approval_list_content col cmp-table-view col-list">
                	</ul>
              </div>
              <div class="cmp-scroll-parts test-parts all_btn cmp-input-row cmp-radio cmp-left">
	            <div  class="batch_wrap">
      				<div class="all_btn cmp-input-row cmp-radio cmp-left">
              			<label class="lableBtn all_click">
                 			<span class="all_btn all_click"></span>
                  			<span class="lab_all_select all_click"><i18n key="collaboration.page.lable.button.allSelect"></i18n></span>
                  			<span class="count" style="display:none;">0</span>
              			</label>
          			</div>
      				<div class="cancelBtn cancel_click" ><i18n key="collaboration.page.lable.button.cancel"></i18n></div>
  	  			</div>
          	 </div>
          </div>
           <div id="colDoneContain" style="position: absolute;" class="cmp-scroll-wrapper white">
              <div class="cmp-scroll">
              <div class="cmp-pull-widget"><div class="test-button batch_wrap"><div class="batch_click batch_btn"><i18n key="collaboration.page.lable.button.batchProcessing"></i18n></div></div></div><!--装载小部件的容器-->
                <ul id="colDoneAffairs" class="cmp-list-content approval_list_content col cmp-table-view col-list">
                  </ul>
              </div>
              <div class="cmp-scroll-parts test-parts all_btn cmp-input-row cmp-radio cmp-left">
	            <div  class="batch_wrap">
      				<div class="all_btn cmp-input-row cmp-radio cmp-left">
              			<label class="lableBtn all_click">
                 			<span class="all_btn all_click"></span>
                  			<span class="lab_all_select all_click"><i18n key="collaboration.page.lable.button.allSelect"></i18n></span>
                  			<span class="count" style="display:none;">0</span>
              			</label>
          			</div>
      				<div class="cancelBtn cancel_click" ><i18n key="collaboration.page.lable.button.cancel"></i18n></div>
  	  			</div>
          	 </div>
          </div>
           <div id="colSentContain" style="position: absolute;" class="cmp-scroll-wrapper white">
              <div class="cmp-scroll">
              <div class="cmp-pull-widget"><div class="test-button batch_wrap"><div class="batch_click batch_btn"><i18n key="collaboration.page.lable.button.batchProcessing"></i18n></div></div></div><!--装载小部件的容器-->
                <ul id="colSentAffairs" class="cmp-list-content approval_list_content col cmp-table-view col-list">
                  </ul>
              </div>
              <div class="cmp-scroll-parts test-parts all_btn cmp-input-row cmp-radio cmp-left">
	            <div  class="batch_wrap">
      				<div class="all_btn cmp-input-row cmp-radio cmp-left">
              			<label class="lableBtn all_click">
                 			<span class="all_btn all_click"></span>
                  			<span class="lab_all_select all_click"><i18n key="collaboration.page.lable.button.allSelect"></i18n></span>
                  			<span class="count" style="display:none;">0</span>
              			</label>
          			</div>
      				<div class="cancelBtn cancel_click" ><i18n key="collaboration.page.lable.button.cancel"></i18n></div>
  	  			</div>
          	 </div>
          </div>
           <div id="colWaitContain" style="position: absolute;" class="cmp-scroll-wrapper white">
              <div class="cmp-scroll">
              <div class="cmp-pull-widget"><div class="test-button batch_wrap"><div class="batch_click batch_btn"><i18n key="collaboration.page.lable.button.batchProcessing"></i18n></div></div></div><!--装载小部件的容器-->
                <ul id="colWaitAffairs" class="cmp-list-content approval_list_content col cmp-table-view col-list">
                  </ul>
              </div>
              <div class="cmp-scroll-parts test-parts all_btn cmp-input-row cmp-radio cmp-left">
	            <div  class="batch_wrap">
      				<div class="all_btn cmp-input-row cmp-radio cmp-left">
              			<label class="lableBtn all_click">
                 			<span class="all_btn all_click"></span>
                  			<span class="lab_all_select all_click"><i18n key="collaboration.page.lable.button.allSelect"></i18n></span>
                  			<span class="count" style="display:none;">0</span>
              			</label>
          			</div>
      				<div  class="cancelBtn cancel_click" ><i18n key="collaboration.page.lable.button.cancel"></i18n></div>
  	  			</div>
          	 </div>
          </div>
      </div>
  </div>
	<div id="docPigeonhole" class="GM_Alert_Content Animated-Container bottom-go animated"></div>
	<!-- 引导 -->
<div id="src_form_view_hint" class="new_synergy_hint col display_none" style="top: 120px; position:absolute; margin-left:0px;;transform:translateX(0px);-webkit-transform:translateX(0px);">
    <i style="transform:translateX(20px);-webkit-transform:translateX(20px)" class="circle" ></i>
    <i style="transform:translateX(22px);-webkit-transform:translateX(22px)" class="line" ></i>
    <div class="content">
        <div class="text">
            <span id="src_form_view_hint_txt"><!-- 提示信息 --></span>
        </div>
        <div class="btn"><i18n key="collaboration.page.lable.whenExit_2"></i18n><!-- 知道了 --></div>
    </div>
</div>
  <footer class="cmp-bar cmp-bar-tab cmp-bar-footer footer_btn" style=" display: none;" id="batchFooterBtn">
     <div class="cmp-block-with-btn cmp_handler_content_blue" style="padding:10px 0px;height:50px;">

        <a href="javascript:void(0)" class="btn transform" style="display:none;">
          <lable id="transformBtnLable"><i18n key="collaboration.colForward.forward"></i18n></lable>
        </a>

        <a id="batchArchiveBtn" href="javascript:void(0)" class="btn archivebtn" style="display:none;"> 
          <lable id="archiveBtnLable"><i18n key="collaboration.page.lable.button.archive"></i18n></lable>
        </a>

        <a href="javascript:void(0)" class="btn cancelbtn" style="display:none;">
          <lable id="cancelBtnLable"><i18n key="collaboration.page.lable.button.delete"></i18n></lable>
        </a>

        <a href="javascript:void(0)" class="btn batchdeal" style="display:none;" >
          <lable id="batchDealBtnLable"><i18n key="collaboration.page.lable.button.batchDeal"></i18n></lable>
        </a>
    </div>
  </footer>
  <!-- 快捷键 -->
  <div id="maskContainer" class="col-new-container" style="top:0px;">
      <div class="col-new-btns">
        <div class="col-new-btn" id="creatFreeCollBtn">
          <div class="icon m3-icon-coordination-fill col-new-btn-icon col"></div>
          <div class="col-new-btn-label"><i18n key="collaboration.page.lable.freeColl"></i18n></div>
        </div>
        <div class="col-new-btn" id="createTemplateColBtn">
          <div class="icon see-icon-v5-common-formtemplate col-new-btn-icon form"></div>
          <div class="col-new-btn-label"><i18n key="collaboration.page.lable.formTemplate"></i18n></div>
        </div>
        <div class="col-new-btn display_none" id="createVoiceCollBtn">
          <div class="icon see-icon-v5-common-m3-voice-fill col-new-btn-icon voice"></div>
          <div class="col-new-btn-label"><i18n key="collaboration.page.lable.phoneColl"></i18n></div>
        </div>
      </div>
    <div id="newCloseBtn" class="col-new-close"><span style="font-size: 24px;" class="m3-icon-close"></span></div>
  </div>
  <s3:data name='cordova' />
  
  <!-- jssdk 延迟加载 -->
  <script type="text/javascript" src="${data:dependencies.collaboration}/i18n/Collaboration_zh_CN.js${data:buildversion}"></script>
  <script type="text/javascript" src="${data:dependencies.cmp}/js/cmp-i18n.js${data:buildversion}"></script>
  <script type="text/javascript" src="${data:dependencies.cmp}/js/cmp.js${data:buildversion}"></script>
  <script type="text/javascript" src="${data:dependencies.collaboration}/js/common.js${data:buildversion}"></script>
  <script type="text/javascript" src="${data:dependencies.cmp}/s3utils.js${data:buildversion}"></script>
  <script type="text/javascript" src="${data:dependencies.collaboration}/js/collaboration-jssdk.js${data:buildversion}"></script>
  <script type="text/javascript" src="${data:dependencies.common_v5_path}/m3-jssdk.js${data:buildversion}"></script>
  <!-- <s3:import type="js"></s3:import> -->

<script type="text/javascript">  
  cmp.i18n.init('${data:dependencies.collaboration}/i18n/', 'Collaboration');
</script>
  <script src="${data:dependencies.cmp}/js/cmp-asyncLoad.js${data:buildversion}"></script>
  <script src="${data:dependencies.cmp}/js/cmp-imgCache.js${data:buildversion}"></script>
  <script src="${data:dependencies.cmp}/js/cmp-listView.js${data:buildversion}"></script>
  <script src="${data:dependencies.cmp}/js/cmp-webviewListener.js${data:buildversion}"></script>
  <script src="${data:dependencies.cmp}/js/cmp-app.js${data:buildversion}"></script>
  <script src="<s3:data name='dependencies.collaboration'/>/js/colAffairs.js${data:buildversion}"></script>
  <!-- 
  <script src="${data:dependencies.cmp}/js/cmp-att.js${data:buildversion}"></script>
  <script src="${data:dependencies.cmp}/js/cmp-picker.js${data:buildversion}"></script>
  <script src="${data:dependencies.cmp}/js/cmp-dtPicker.js${data:buildversion}"></script>
  <script src="${data:dependencies.cmp}/js/cmp-search.js${data:buildversion}"></script>
  <script src="<s3:data name='dependencies.collaboration'/>/js/batch.js${data:buildversion}"></script>
  <script src="<s3:data name='dependencies.collaboration'/>/js/ArrayList.js${data:buildversion}"></script>
  <script src="<s3:data name='dependencies.doc' />/js/docNewPigeonhole.js${data:buildversion}"></script> 
  -->
  <!-- js模版 -->
  <script  type="text/html" id="list_li_tpl">
  <% for(var i = 0,len = this.length;i < len; i++){ %>
  <%     var data = this[i]; %>
       <li id="<%=data.affairId%>" class="cmp-table-view-cell <%if(data.affairState==3 && data.subState==11){%>unread<%}%> <%if(data.affairState==1 || data.affairState == 2){%>undefined<%}%>">
         <div class="collaboration-list">
           <!--发起人图片-->
           <div class="img-wrap choice">
             <img class="cmp-img-cache img_setting" cmp-data="<%=data.startMemberId %>" summaryId="<%=data.summaryId%>" affairId="<%=data.affairId%>" templateId="<%=data.templateId%>" subject="<%=data.subject.escapeHTML()%>" canDeleteORarchive="<%=data.canDeleteORarchive%>" workitemId="<%=data.workitemId%>" processId="<%=data.processId%>" subState="<%=data.subState%>" disAgreeOpinionPolicy="<%=data.disAgreeOpinionPolicy%>" canReMove="<%=data.canReMove%>" />
             <div class="unselected img_click" style="display:none;"></div>
             </div>
             <div affairId="<%=data.affairId%>" data-bodyType="<%=data.bodyType%>" class="item-click-area text-wrap">  
               <ul class="list-item">
                   <% if(data.subState == 11) {%>
                     <li class="collabo-title bold" style="word-break: break-word;">
                  <%} else{ %>
                    <li class="collabo-title" style="word-break: break-word;">
                  <%} %>
                   <!-- 重要程度 -->
                   <% if(data.importantLevel && data.importantLevel > 1){ %>
                     <span style="color: #FF3B30;font-size:12px;top:-1px;" class="relative cmp-icon see-icon-v5-common-important-<%=(data.importantLevel-1)%>"></span>
                   <% } %>
                     <%=data.subject.escapeHTML() %>
                 </li>
                 <li class="collabo-time">
                   <% if(data.affairState == 3 || data.affairState == 4){%>
                     <span class="name"><%=data.startMemberName.escapeHTML() %></span>
                   <% } %>
                   <span class="" style="vertical-align: middle;"><%=data.startDate %></span>
                   <% if(data.hasAttsFlag) {%>         
                   <span class="see-icon-accessory"></span>
                   <%} %>
                 </li>
                 <!--当前节点名称--> 
                 <% 
                     if(data.affairState != 1){
                            var rightPadding = "0px";
                           if(data.state == 3 || data.state == 1 
                                    || (data.affairState == 3 && data.subState == 13)){
                                rightPadding = "16px";
                           }
                  %>
                 <li>
                   <div style="overflow:hidden;padding-right:<%=rightPadding%>" class="collabo-state">
                     <!-- <span class="see-icon-v5-common-replies state-icon"> --></span><span class="state-numb"><%=data.replyCounts %></span>
                     <% if(data.fromName != null && data.fromName != ""){%>
                     <span class="add">
                       <!-- <span class="see-icon-v5-common-endorse endorse-icon"></span> -->
                       <span><%=data.fromName %></span>
                     </span>
                     <%} %>
                     <% if(data.backFromName != null && data.backFromName != ""){%>
                     <span class="add">
                       <!-- <span class="see-icon-v5-common-rollback endorse-icon"></span> -->
                       <span><%=data.backFromName %></span>
                     </span>
                     <%} %> 
                   </div>
                 </li>
                 <%} %>
               </ul>
                <!--当前事项状态:mark未读 hold暂存 end结束-->
                <!-- 流程结束状态：终止和正常结束 -->
                <%if(data.summaryState == 3) { %>
                	<span class="mark end m3-icon-status-seal end"><em><%=cmp.i18n("collaboration.page.lable.button.end")%></em></span>
                <%} else if(data.summaryState == 1){%>
					<span class="mark end m3-icon-status-seal end"><em><%=cmp.i18n("collaboration.page.lable.button.stop")%></em></span>
				<%}else if(data.subState == 11) {%>
					<span class="mark m3-icon-status-seal stag hidden"><em><%=data.subStateName%></em></span>
                	<!--暂存-->
                <%}else if(data.affairState == 3 && data.subState == 13){%>
					<span class="mark hold m3-icon-status-seal stag"><em><%=cmp.i18n("collaboration.page.lable.button.storage")%></em></span>
				<%}%>
              </div>
          </div>
        </li>
    <%} %>
  </script>
</body>
</html>
